<template>
    <h4
        class="title-content"
        :style="{
            'display': data.options.inline ? 'inline-block': 'block',
            'text-align': data.options.textAlign,
            'color': data.options.color,
            'font-size': data.options.fontSize,
            'font-weight': data.options.Weight,
            'margin-left': data.options.marginLeft,
            'margin-right': data.options.marginRight,
            'margin-top': data.options.marginTop,
            'margin-bottom': data.options.marginBottom,
            'height': data.options.height,
            'line-height': data.options.lineHeight,
            'backgroundColor': data.options.backgroundColor
        }"
            
    >
        {{ data.options.defaultCName }}
    </h4>
</template>
<script>
export default {
    name: 'BaseTitle',
    props: {
        data: {
            type: Object
        }
    }
}
</script>
